
/* topnav 
-----------------------------------------*/
.topnav {height: 30px;background: url(img/line_white30.png) 0 0 repeat-x;}
.topnav .bd{ position:relative;height: 100%; width:1000px; margin:0 auto;}
.topnav .r_side{float: right;display: inline;padding: 5px 0;line-height: 20px;height: 20px;overflow: hidden;}
.topnav .r_side li{float: left;display: inline;padding:0 15px;border-right: solid 1px #d3d3d3;margin-right: -1px;}
.topnav .r_side a{line-height: 20px;display: block;color: #004890;}
.topnav .sm_logo{background:url(img/logo_sm.png) 0 2px no-repeat;padding-left:20px;}
.topnav .l_side{float:left;display: inline;height:100%;line-height:30px;padding-left: 75px;background:url(img/ic.png) 0px -5px no-repeat;overflow: hidden;}
.topnav .l_side .hd{width: 40px;height: 100%;top: 0px; margin-left: -40px;position: absolute;}
.topnav .l_side .bd{height: 30px;width:100%;line-height: 30px;overflow: hidden;}

/* header 
-----------------------------------------*/
.header{background: url(img/line_green50.png) 0 0 repeat-x;}
.header .bd{width: 1000px;height: 50px;margin:0 auto;}
.header .sq_logo{width: 240px;height: 50px;float:left;background:url(img/logo_sq.png) 30px 0 no-repeat;}
.header .menu{height: 50px;float:left;}
.header .menu li{height:50px;width:90px;float:left;position: relative;z-index: 10;_padding-right: 1px;}
.header .main{display:block;line-height: 30px;height:30px;margin:10px 0;border-right:solid 1px #4d9744;border-left:solid 1px #4d9744;text-align: center;font-size: 16px;font-weight: bold;color: white;font-family: \5FAE\8F6F\96C5\9ED1;margin-right:-1px;}
.header .main:hover{color: white;}
.header .s_menu{position: absolute;z-index: 5;left: 0;width: 99%;top: 40px;background-color: white;border: solid 1px #18920b;border-top: none 0;overflow: hidden;box-shadow: 1px 2px 2px #7c7c7c;}
.header .s_menu a{display: block;height: 24px;line-height: 24px;text-align: center;}
.header .s_menu a:hover{background-color: #b5efaf;}
.header .active{background: url(img/line_green50.png) 0 -50px repeat-x;}

.header .sub_menu{float: right;line-height: 50px;}
.header .sub_menu li{float: left; display:inline; padding: 0 15px;}
.header .sub_menu a{color: #90d086;}

.header .sub_in{float: right;line-height: 50px;}
.header .sub_in li{float: left;height:50px;}
.header .quit{display:block;line-height: 50px;padding-left:40px;background:url(img/ic.png) 10px -35px no-repeat;color: #71e632;}
.header .quit:hover{color: #71e632;}
.header .mail{background:url(img/ic.png) 25px -197px no-repeat;}
.header .mail_nub{display:block;padding:0 50px 0 5px;width: 20px;background:url(img/ic.png) -5px -2236px no-repeat;color: white;text-align: center;}
.header .name_box{position: relative;z-index: 4;width:150px;}
.header .name{display:block;line-height: 50px;padding:0 40px 0 10px;background:url(img/ic.png) right -955px no-repeat;color: #a8f09c;text-align: center;}
.header .name:hover{color: #a8f09c;}
.header .name_on{background-position: right -995px;}
.header .name_list{position: absolute;z-index: 5;left: 0;top: 40px;width:148px;background-color: white;border: solid 1px #18920b;border-top: none 0;box-shadow: 1px 2px 2px #7C7C7C;}
.header .name_list a{display: block;line-height: 30px;padding-left: 40px;background-image: url(img/ic.png);background-repeat: no-repeat;}
.header .name_list a:hover{background-color:  #b5efaf;}
.header .manage{background-position: 0 -85px;}
.header .change{background-position: 0 -125px;}
.header .help{background-position: 0 -166px;}
.header .esc{background-position: 0 -45px;}
.header .search_box{padding-right: 10px;position: relative;z-index: 7;}
.header .search{padding:2px 11px;width:126px;height:21px;background: url(img/bg_search.png) 0 0 no-repeat;margin-top: 13px;overflow: hidden;}
.header .search_txt{border: none 0;height: 21px;width:100px;background: transparent;vertical-align: top;line-height: 21px;}
.header .search_btn{display: inline-block;height: 21px;width: 21px;cursor: pointer;vertical-align: top;}
.header .search_list{position: absolute;top: 40px;width: 215px;border: solid 1px #18920b;background-color: white;padding-top: 10px;left:-35px;display: none;}
.header .one_people{padding: 5px 0;height: 26px;cursor: pointer;}
.header .one_people:hover{background-color: #b5efaf;}
.header .head{float: left;position: absolute;width: 25px;height: 25px;padding: 0 0 0 10px;}
.header .head img{width: 100%;height: 100%;vertical-align: top;}
.header .content{padding-left: 40px;}
.header .people_name{line-height: 13px;}
.header .area{line-height: 13px;color: #858585;}
.header .in{color: red;}
.header .more{display: block;height: 30px;line-height: 30px;text-align: center;background-color: #f3fff1;margin-top: 10px;}
/* footer 
-----------------------------------------*/
.footer{background-color: #f4f4f4;}
.footer .bd{width: 1000px;height: 100px;margin:0 auto;text-align: center;}
.footer .txt_top{padding-top:20px;}
.footer .logo_la{display:inline-block;width:18px;height:18px;padding-right:5px;background:url(img/logo_la.png) -1px -3px no-repeat;vertical-align:middle;}